<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>我的订单</title>
		<!--<script src="js/user.js" type="text/javascript" charset="utf-8"></script>-->
		<link rel="stylesheet" type="text/css" href="css/order.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
		<div class="header">
			<span></span>
			<p>购物车</p>
		</div>
		<div class="main">
			<div class="state">
				<ul>
					<li>全部</li>
					<li>代付款</li>
					<li>代发货</li>
					<li>代收货</li>
					<li>代评价</li>
				</ul>
			</div>
			<div class="order-box">
				<ul>
					<li>
						<div class="goods-box">
							<div class="img">
								<a href=""><img src="img/list_07.png"/></a>
							</div>
							<div class="goods-info">
								<p><a href="">雅耐 全自动高管感应水龙头 全铜医用感应水龙头 单冷 洗手器</a></p>
								<i class="comment">已有<span>20+</span>人评价</i>
								<i class="price">￥<span>188</span>.00</i>
							</div>
							<div class="operation">
								<button class="btn see">查看订单</button>
								<button class="btn comfirm">确认收货</button>
							</div>
						</div>
						<div class="order-info">
							<p class="order-num">订单号：16434634539</p>
							<i class="iconfont icon-lajitong"></i>
							<span class="time">2017-12-24  09:16</span>
						</div>
					</li>
					<li>
						<div class="goods-box">
							<div class="img">
								<a href=""><img src="img/list_07.png"/></a>
							</div>
							<div class="goods-info">
								<p><a href="">雅耐 全自动高管感应水龙头 全铜医用感应水龙头 单冷 洗手器</a></p>
								<i class="comment">已有<span>20+</span>人评价</i>
								<i class="price">￥<span>188</span>.00</i>
							</div>
							<div class="operation">
								<button class="btn see">查看订单</button>
								<button class="btn comfirm">确认收货</button>
							</div>
						</div>
						<div class="order-info">
							<p class="order-num">订单号：16434634539</p>
							<i class="iconfont icon-lajitong"></i>
							<span class="time">2017-12-24  09:16</span>
						</div>
					</li>
					<li>
						<div class="goods-box">
							<div class="img">
								<a href=""><img src="img/list_07.png"/></a>
							</div>
							<div class="goods-info">
								<p><a href="">雅耐 全自动高管感应水龙头 全铜医用感应水龙头 单冷 洗手器</a></p>
								<i class="comment">已有<span>20+</span>人评价</i>
								<i class="price">￥<span>188</span>.00</i>
							</div>
							<div class="operation">
								<button class="btn see">查看订单</button>
								<button class="btn comfirm">确认收货</button>
							</div>
						</div>
						<div class="order-info">
							<p class="order-num">订单号：16434634539</p>
							<i class="iconfont icon-lajitong"></i>
							<span class="time">2017-12-24  09:16</span>
						</div>
					</li>
					<li>
						<div class="goods-box">
							<div class="img">
								<a href=""><img src="img/list_07.png"/></a>
							</div>
							<div class="goods-info">
								<p><a href="">雅耐 全自动高管感应水龙头 全铜医用感应水龙头 单冷 洗手器</a></p>
								<i class="comment">已有<span>20+</span>人评价</i>
								<i class="price">￥<span>188</span>.00</i>
							</div>
							<div class="operation">
								<button class="btn see">查看订单</button>
								<button class="btn comfirm">确认收货</button>
							</div>
						</div>
						<div class="order-info">
							<p class="order-num">订单号：16434634539</p>
							<i class="iconfont icon-lajitong"></i>
							<span class="time">2017-12-24  09:16</span>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="footer">
			<a href="">
				<img src="img/index.jpg"/>
				<span>首页</span>
			</a>
			<a href="">
				<img src="img/classify.jpg"/>
				<span>分类</span>
			</a>
			<a href="">
				<img src="img/car.jpg"/>
				<span>购物车</span>
			</a>
			<a class="on" href="">
				<img src="img/user-on.jpg"/>
				<span>我的</span>
			</a>
		</div>
	</body>
</html>
